<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <ul>
        <li>AAAAA</li>
        <li class="box">CCCCC</li>
        <li title="hello"><span>BBBBB</span></li>
        <li title="hello"><span>DDDD</span></li>
        <span>EEEEE</span>
    </ul>
    <script src="../js/jquery-1.10.1.min.js"></script>
    <script>
        // 需求:
        // 1. 选中ul下所有的的span
        // 2. 选中ul下所有的子元素span
        // 3. 选中class为box的下一个li
        // 4. 选中ul下的class为box的元素后面的所有兄弟元素
    </script>
</body>

</html>